<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>京东购物车</title>
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<!--头部-->
		<header>
			<div class="container">
				<!--logo-->
				<a href="#">
					<img src="img/jdlogo.png" />
				</a>
				<a href="#">购物车</a>
			</div>
		</header>
		<!--主体内容-->
		<div class="main">
			<div class="container">
				<div class="main-title">
					<h3>全部商品<span>5</span></h3>
				</div>
				<div class="main-t-bottom">
					<ul>
						<li>
							<a href="#">商品</a>
						</li>
						<li>
							<a href="#">名称</a>
						</li>
						<li>
							<a href="#">单价</a>
						</li>
						<li>
							<a href="#">数量</a>
						</li>
						<li>
							<a href="#">小计</a>
						</li>
						<li>
							<a href="#">操作</a>
						</li>
					</ul>
				</div>
				<!--下面-->
				<div class="main-bottom">
					<div class="div1">
						<div class="div1-left">
							<div class="img">
								<a href="#">
									<img src="img/shuiguo_03.png" />
								</a>
							</div>
							<div class="name">
								<div class="name1">
									<div class="jx one">
										<i></i>
										<b></b>
										<span>美伦达 赣南脐橙2017新上市 3斤装 铂金果</span>
									</div>
									<div class="color">颜色：赣南脐橙铂金果 3斤装</div>
								</div>
							</div>
						</div>
						<div class="div1-right">
							<ul>
								<!--单价-->
								<li class="unit-price">￥<span>25.80</span></li>
								<!--数量-->
								<li class="quantity">
									<input type="text" value="1">
									<p>有货</p>
								</li>
								<!--小计-->
								<li class="subtotal">
									￥<span class="xiaoji"></span>
									<p><span class="kg">1.68</span>kg</p>
								</li>
								<li class="delete">删除</li>
							</ul>
						</div>
					</div>
					<div class="div1">
						<div class="div1-left">
							<div class="img">
								<a href="#">
									<img src="img/shuiguo_07.png" />
								</a>
							</div>
							<div class="name">
								<div class="name1">
									<div class="jx">
										<b></b>
										<span>Camposol秘鲁进口精选蓝莓 4盒装 单盒约125g 新鲜水果</span>
									</div>
									<div class="color">颜色：秘鲁蓝莓 4盒装</div>
								</div>
							</div>
						</div>
						<div class="div1-right">
							<ul>
								<li class="unit-price">￥<span>46.90</span></li>
								<li class="quantity">
									<input type="text" value="1">
									<p>有货</p>
								</li>
								<li class="subtotal">
									￥<span class="xiaoji"></span>
									<p><span class="kg">1.625</span>kg</p>
								</li>
								<li class="delete">删除</li>
							</ul>
						</div>
					</div>
					<div class="div1">
						<div class="div1-left">
							<div class="img">
								<a href="#">
									<img src="img/shuiguo_11.gif" />
								</a>
							</div>
							<div class="name">
								<div class="name1">
									<div class="jx">
										<b></b>
										<span>欢乐果园 广西青皮芒果 2个单果约260g以上 新鲜水果</span>
									</div>
									<div class="color">颜色：青皮芒 2粒 尝鲜装</div>
								</div>
							</div>
						</div>
						<div class="div1-right">
							<ul>
								<li class="unit-price">￥<span>10.90</span></li>
								<li class="quantity">
									<input type="text" value="1">
									<p>有货</p>
								</li>
								<li class="subtotal">
									￥<span class="xiaoji"></span>
									<p><span class="kg">0.75</span>kg</p>
								</li>
								<li class="delete">删除</li>
							</ul>
						</div>
					</div>
					<div class="div1">
						<div class="div1-left">
							<div class="img">
								<a href="#">
									<img src="img/shuiguo_15.gif" />
								</a>
							</div>
							<div class="name">
								<div class="name1">
									<div class="jx">
										<b></b>
										<span>爱奇果 新疆库尔香梨 约2.5kg 当季新果 特级装 单果约120-</span>
									</div>
									<div class="color">颜色：2.5kg单果约120-150g</div>
								</div>
							</div>
						</div>
						<div class="div1-right">
							<ul>
								<li class="unit-price">￥<span>39.90</span></li>
								<li class="quantity">
									<input type="text" value="1">
									<p>有货</p>
								</li>
								<li class="subtotal">
									￥<span class="xiaoji"></span>
									<p><span class="kg">2.6</span>kg</p>
								</li>
								<li class="delete">删除</li>
							</ul>
						</div>
					</div>
					<div class="div1">
						<div class="div1-left">
							<div class="img">
								<a href="#">
									<img src="img/shuiguo_19.png" />
								</a>
							</div>
							<div class="name">
								<div class="name1">
									<div class="jx">
										<b></b>
										<span>宏辉果蔬 苹果 烟台红富士12个 单果约75mm 总重约2.1kg 新鲜</span>
									</div>
									<div class="color">颜色：12粒75mm红富士</div>
								</div>
							</div>
						</div>
						<div class="div1-right">
							<ul>
								<li class="unit-price">￥<span>34.90</span></li>
								<li class="quantity">
									<input type="text" value="1">
									<p>有货</p>
								</li>
								<li class="subtotal">
									￥<span class="xiaoji"></span>
									<p><span class="kg">2.1</span>kg</p>
								</li>
								<li class="delete">删除</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--总价-->
		<div class="total">
			<div class="container">
				<p id="allCount">总价：￥<span></span></p>
			</div>
		</div>
	</body>
	<script src="js/script.js"></script>

</html>